<template>
  <div>
    <Table :columns="columns" :data="data" size="small" border>
		<template slot-scope="{ row, index }" slot="id">
		  {{index + 1}}
		</template>
	</Table>
  </div>
</template>
<script>
export default {
  name: 'RecentPayment',
  props: {
    data: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {
      columns: [
        { title: '序号', slot: 'id', width: 60, align: 'center' },
        { title: '合同名称', key: 'contract_name', minWidth: 250 },
        { title: '款项名称', key: 'foud_name', minWidth: 100,align:'center'},
        { title: '款项金额', key: 'amount', minWidth: 100,align:'center'},
        { title: '应收款时间', key: 'pay_start', minWidth: 100,align:'center'},
        { title: '支付时间', key: 'pay_time', minWidth: 100,align:'center'},
        { title: '备注', key: 'remark', minWidth: 180 }
      ]
    };
  }
};
</script> 